@import './basics.scss';

#app {
  .el-table {
    .table-header {
      padding: 5px 0px !important;
      background: $table-header-bg;

      .cell {
        min-height: 40px;
        line-height: 40px;
      }

      th {
        padding: 5px 0px !important;
        background: $table-header-bg;
      }
    }

    .el-table__cell {
      padding: 5px 0px;

      .cell {
        line-height: 40px;
        font-size: 14px;
      }

      .el-button {
        &.el-button--text {
          font-size: 14px;
        }

        &.danger {
          color: $delete-color;
        }
      }

      .el-button {
        margin-left: 10px !important;
        margin-right: 10px !important;
      }
    }
  }

  .form-detail {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    flex-wrap: wrap;

    .el-form-item {
      margin-bottom: 5px;
      margin-right: 0px;
      padding-right: 20px;
      box-sizing: border-box;
    }
  }

  .my-tabs-container {
    padding-bottom: 15px;

    .my-tabs {
      display: flex;
      justify-content: space-between;
      align-items: center;

      .el-tabs {
        width: 100%;

        .el-tabs__header {
          margin: 0px;

          .el-tabs__nav-wrap::after {
            height: 0px;
          }
        }
      }

      &.my-tabs {
        border-bottom: 2px solid var(--el-border-color-light);
      }
    }
  }
}

::-webkit-scrollbar-track-piece {
  background-color: #f8f8f8;
}

::-webkit-scrollbar {
  width: 9px;
  height: 9px;
}

::-webkit-scrollbar-thumb {
  background-color: #dddddd;
  background-clip: padding-box;
  min-height: 28px;
  border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
  background-color: #bbb;
}


.gva-pagination {
  padding: 20px 0px;
  display: flex;
  justify-content: flex-end;
  align-items: center;
}

.el-input.is-disabled .el-input__inner {
  color: $font-color-main !important;
}

.confrim-alter.el-message-box {
  border-radius: 10px;

  .cancelBtn {
    border-color: $main-color !important;
    color: $main-color !important;
  }
}

.el-checkbox__input.is-checked+.el-checkbox__label {
  color: $font-color-main !important;
}

.border-btn {
  border-color: $main-color !important;
  color: $main-color !important;
}

.border-danger {
  border-color: $delete-color !important;
  color: $delete-color !important;
}

.mydialog,
.el-dialog {
  border-radius: 10px !important;

  .el-dialog__header {
    border-bottom: 1px solid $border-color;

    .el-dialog__headerbtn {
      i {
        font-size: 16px;
        font-weight: bold;
      }
    }
  }

  .table-header {
    padding: 5px 0px !important;
    background: $table-header-bg !important;

    .cell {
      min-height: 40px;
      line-height: 40px;
    }

    th {
      padding: 5px 0px !important;
      background: $table-header-bg;
    }
  }
}

// 抽屉
.myDrawer {
  display: flex;
  justify-content: flex-start;
  flex-direction: column;

  .el-drawer__header {
    padding: 17px 20px !important;
    border-bottom: 1px solid $border-color;
    margin-bottom: 0px !important;

    .el-drawer__close-btn {
      margin-left: 10px;
    }
  }

  .el-drawer__body {
    flex: 1;
    overflow-y: auto;
  }
}